<template>
  <div class="tabBar">
    <van-tabbar v-model="active" route active-color="#606af6" inactive-color="#7d7e80">
      <van-tabbar-item icon="wap-home" to="/home">首页</van-tabbar-item>
      <van-tabbar-item icon="like" to="/favor">收藏</van-tabbar-item>
      <van-tabbar-item icon="bag" to="/order">订单</van-tabbar-item>
      <van-tabbar-item icon="chat" to="/message">消息</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script setup>
import { ref } from "vue";
const active = ref(0);
</script>

<style lang="less" scoped>

</style>